@import "./input.less";
.leftnavbutton{
    display: none;
}
.user-container .rightbox {
  width: 816px;
  min-height: 676px;
  height:100%;
}
.container-fluid {
  padding-bottom: 50px;
  height: auto;
  position: relative;
}
.container-fluid .user-container.i.ii {
  left: 0;
  right: 0;
  margin: auto;
}
.user-container {
  width: 975px;
  height: auto;
  background: #7d0b0b;
}
.user-container > .mbutton {
  display: none;
}
.user-container > div {
  float: left;
}
.user-container .button {
  cursor: pointer;
}
.container-fluid .user-container.i.ii .rightbox .ocontainer {
  min-height: 675px;
  background: #FFF0F0;
  padding-bottom: 50px;
}
.page > div {
  margin-left: 203px;
  margin-top: 45px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.page > div a.prev {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
}
.page>div a.next{
    float:left;
    margin-left:10px;
}
.page > div a.num {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  border: 1px solid #999999;
  margin-left: -1px;
  cursor: pointer;
}
.page > div .current {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  background: #F0AD4E;
  color: #fff;
}
.page > div .rows {
  margin-left: 12px;
  display: block;
  float: left;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #ededed !important;
  -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
  background-color: transparent;
  background-image: none;
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
}
input {
  background-color: transparent;
}
@media screen and (max-width: 592px) {
    .page{
        >div{
           margin-left:1%;  
        }
    }
}
@media screen and (max-width: 992px) {
    .leftnav.i{
        position: absolute;
        z-index: 3;
        top:0;
        left:-160px;
        transition: .5s all;
    }
    .leftnav.i.active{
        display:block;
        left:0;
    }
    .page{
        >div{
           margin-left:10%;  
        }
    }
    .leftnavbutton{
        display: block;
        width:30px;
        text-align: center;
        height:50px;
        position:absolute;
        top:300px;
        background:rgba(0,0,0,.1);
        color:#fff;
        z-index: 4;
        left:0;
        line-height: 47px;
        transition: .5s all;
    }
    .leftnavbutton.active{
        left:157px;
    }
}
@media screen and (max-width: 992px) {
  .container-fluid{
      min-height:750px;
      height:auto;
      padding-bottom: 0;
      .user-container.i.ii{
           width: 100%;
           min-height: 692px;
      }
  }
  .user-container.i.ii > .mbutton {
    display: block;
    background: rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    left: 5px;
    top: 5px;
    position: absolute;
    border-radius: 5px;
    color: rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    z-index: 3;
  }
  .user-container.i.ii > .rightbox {
    width:100%;
    box-sizing:border-box;
  }
}
.icon.icon00:after {
  background-image: url();
}
.icon.icon01:after {
  background-image: url();
}
.icon.icon02:after {
  background-image: url();
}
.icon.icon03:after {
  background-image: url();
}
.icon.icon04:after {
  background-image: url();
}
.icon.icon05:after {
  background-image: url();
}
.icon.icon06:after {
  background-image: url();
}
.icon.icon07:after {
  background-image: url();
}
.icon.icon08:after {
  background-image: url();
}
.icon.icon09:after {
  background-image: url();
}
.icon.icon010:after {
  background-image: url();
}
.icon.icon011:after {
  background-image: url();
}
.icon.icon10:after {
  background-image: url();
}
.icon.icon11:after {
  background-image: url();
}
.icon.icon12:after {
  background-image: url();
}
.icon.icon13:after{
   background-image:url(~@/img/fontimgs/icon13.png);
}
.icon.icon14:after{
    background-image:url(~@/img/fontimgs/icon14.png);
}
.icon.icon15:after{
    background-image:url(~@/img/fontimgs/icon15.png);
}
.icon.icon16:after{
    background-image:url(~@/img/fontimgs/icon16.png);
}
.icon.icon_m0:after {
  background-image: url();
}
.icon.icon_m1:after {
  background-image: url();
}
.icon.icon_m2:after {
  background-image: url();
}
.icon.icon_m3:after {
  background-image: url();
}
.icon.icon_m4:after {
  background-image: url();
  background-position-y: 10px;
}
.mmwt {
  height: 100%;
}
.leftnav .manage {
  margin-top: 10px;
}
.container-fluid .user-container{
    position:relative;
  width: 975px;
  min-height: 676px;
  background: #7d0b0b;
}